<template>
  <div id="app">
    <navBar v-if="path != '/' && path != '/activityList' && path != '/myIndex' && path != '/myMessage' && path != '/login' && allPath" class="navBar"  />
     <!-- && isSMTMAAF && path != '/msIndex' -->
    <router-view class="router-box" />
    <!-- isSMTMAAF && path != '/msIndex ?'router-box':'' -->
  </div>
</template>

<script>
import navBar from "@/components/navBar.vue";

export default {
  name: "App",
  components: { navBar },
  data(){
    return {
      path:"/",
      allPath:'',
    }
  },
  watch:{
    $route(New){
      this.path = New.path
    }
  },
  mounted(){
    this.path = this.$route.path
    this.allPath=this.$route.path+'?type='+this.$route.query.type
    if( this.allPath == '/mmIndex?type=1' || this.allPath == '/difficultyHelp?type=1'){
      this.allPath=true
    }

  },
};
</script>

<style>
* {
  padding: 0;
  margin: 0;
  list-style: none;
}
a {
  color: #333;
}
img {
  vertical-align: middle;
  max-width: 100%;
  border: none;
}
input,
button {
  border: none;
  outline: none;
}
#app {
  font-family: "Microsoft yahei", "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
  font-size: 14px;
}

.van-cell {
  align-items: center;
}
.van-field__label {
  width: auto !important;
  min-width: 6.2em;
  color: #323233 !important;
}
.wrapper .van-uploader__upload {
  /*margin: 5px;*/
  border-radius: 50%;
}
.van-uploader__preview-image,
.wrapper .van-image__img {
  border-radius: 50%;
}
.van-field__control:disabled {
  color: #333 !important;
  -webkit-text-fill-color: #333 !important;
}
.van-nav-bar .van-icon{
  color: #333 !important;
}
.van-nav-bar__text{
  color: #333 !important;
}

.router-box{
  padding-top: 46px;
}
.navBar{
  position: fixed;
  top:0;
  left: 0;
  right: 0;
  z-index: 99999;
}
.AUploading{
  padding: 10px 16px;
}
.wrapper .AUploading .van-uploader__upload{
  border-radius: 0;
}
.wrapper .AUploading .van-uploader__preview-image, .wrapper .van-image__img{
  border-radius: 0;
}
.hint {
  color: #ee0a24;
  position: absolute;
  left: 11px;
}
</style>
